<%@page import="com.study.model.pojo.Dictionary"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>
<!DOCTYPE html>
<html
	class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg no-smil svgclippaths">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


<script src="http://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet"
	href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script type="text/javascript" src="../js/axios.js"></script>
<script type="text/javascript" src="../js/qs.js"></script>


       
		<link href="../css/zcss/icons.css" rel="stylesheet" type="text/css">

		<link href="../css/zcss/bootstrap-datepicker3.min.css"
			rel="stylesheet">
		<link href="../css/zcss/switchery.min.css" rel="stylesheet">
		<link href="../css/zcss/bootstrap-clockpicker.min.css"
			rel="stylesheet">
		<link href="../css/zcss/bootstrap-table.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/bootstrap.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/bootstrap-select.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/core.css" rel="stylesheet" type="text/css">
		<link href="../css/zcss/components.css" rel="stylesheet"
			type="text/css">

		<!--图标的外部样式-->
		<link href="http://cdn.xtcrm.com/cdn//v7/fm/ub/css/icons.css"
			rel="stylesheet" type="text/css">
		<!--图标的外部样式-->

		<link href="../css/zcss/pages.css" rel="stylesheet" type="text/css">
		<link href="../css/zcss/responsive.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/sweetalert.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/custombox.min.css" rel="stylesheet">
		<link href="../css/zcss/animate.min.css" rel="stylesheet"
			type="text/css">
		<link href="../css/zcss/css.css" rel="stylesheet" type="text/css">



<script src="../../code/highcharts.js"></script>
<script src="../../code/modules/exporting.js"></script>

	<title>XToolsCRM- easy to Power</title>

</head>

<body class="fixed-left" style="height: 1200px;" onload=";">
	<iframe name="CalFrame" width="144" height="192" id="CalFrame"
		src="/css/calendar.htm"
		style="border: 0px; border-image: none; display: none; position: absolute; z-index: 100;"></iframe>

	<div class="enlarged forced" id="wrapper">


		<!--UTF8-->
		<div id="del"
			style="position: absolute; visibility: hidden; &amp; amp; amp; amp; amp; #9; left: 0; &amp; amp; amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; amp; amp; #9; height: 0; z-index: 100; background-color: #D4D0C8;"></div>
		<!-- basewin iframe -->

	

		<div tabindex="-1" class="modal fade" id="popact" role="dialog"
			aria-hidden="true" aria-labelledby="myModalLabel"
			style="display: none;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button class="close" aria-hidden="true" type="button"
							data-dismiss="modal">×</button>
						<h4 class="modal-title">操作</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<div id="editsublayer"
							style="position: absolute; visibility: hidden; &amp; amp; amp; amp; amp; #9; left: 0; &amp; amp; amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; amp; amp; #9; height: 0;">
							<iframe name="popact_iframe" id="popact_iframe" src="/a.html"
								scrolling="no" style="width: 0; height: 0; border: 0;"></iframe>
						</div>
						<!-- <button type="button" class="btn btn-default waves-effect" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary waves-effect waves-light">保存</button> -->
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		<!-- 页面头部结束 -->
		<!-- ============================================================== -->
		<!-- 右侧主体内容开始-->
		<!-- ============================================================== -->
		<div class="content-page crm" style="margin: 0; padding: 0;">
			<div class="content" style="margin: 0; padding: 0;">
				<div class="container-fluid">
					<div class="row">
						<div class="col-sm-12">

							<!--这里是总的div放所有内容的-->
							<div class="allBaBox">
								<el-form :model="ruleForm" ref="ruleForm" class="demo-ruleForm">

								<!----------------筛选、查询input代码开始-------------------->
								<div id="contractmark" style="z-index: 0">
									<ul class="nav nav-default nav-tabs m-b-10 ">

										<li class="active"><a aria-expanded="true"
											onclick="qlist_argv_bwhere='';qlist_argv_page=1;qlist_load();contractmark_argv_tt=0;contractmark_load();search_argv_dtname='contract';search_load();statlist_argv_bwhere='';statlist_load();"
											href="#" data-toggle="tab"> 全部 </a></li>
										
										<!-- BEGIN extend -->
									</ul>

									<!--UTF8-->
								</div>
								<div id="search" style="z-index: 0">
									<div id="editsublayer"
										style="position: absolute; visibility: hidden; &amp; amp; amp; amp; amp; #9; left: 0; &amp; amp; amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; amp; amp; #9; height: 0; z-index: 100; background-color: #D4D0C8;">
										<iframe name="qssub" src="/a.html"
											style="width: 0; height: 0; border: 0;"></iframe>
									</div>

									<!--头部搜索栏-->
									<form name="qsearch" class="form-inline" role="form"
										onsubmit="hideDiv(); return true;" action="/system/qssub.xt"
										method="POST" target="qssub" novalidate="">

										<div class="form-group ">
											<label class="control-label col-sm-2 m-t-10"><i
												class="fa fa-filter m-r-5"></i></label>
											<div class="col-sm-10">
												<div
													class="btn-group bootstrap-select form-control show-tick">

													<!--<button title="全部数据" class="btn dropdown-toggle bs-placeholder btn-white" role="button" type="button" data-toggle="dropdown"><span class="filter-option pull-left">全部数据</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>-->
													<!--搜索栏前提条件那块-->
													<div class="box">
														<!-- <el-dropdown trigger="click" @command="handleCommand"
															style="background: #ccc;"> 
															<el-button plain
															style="width: 113px;"> {{ruleForm.selects}}<i
															class="el-icon-arrow-down el-icon--right"></i> </el-button> 
														<el-dropdown-menu
															slot="dropdown" style="width: 113px;">
														<el-dropdown-item command="3017">执行中</el-dropdown-item> 
														<el-dropdown-item
															command="3018">已结束</el-dropdown-item> 
															<el-dropdown-item
															command="3019">意外中止</el-dropdown-item>  
														</el-dropdown-menu> 
														</el-dropdown>
														 -->
														<el-select v-model="ruleForm.selects" slot="prepend"
															clearable placeholder="全部数据"
															style="background: #ccc;width: 113px;"> <el-option
															label="执行中" value="3017"></el-option> <el-option
															label="已结束" value="3018"></el-option> <el-option
															label="意外中止" value="3019"></el-option> </el-select>


													</div>
													<!--<script type="text/javascript">
															var vm = new Vue({
																el: ".box",
																data: {
																	texts: "全部数据"
																},
																methods: {
																	handleCommand(command) {
																		this.$message('click on item ' + command);
																		this.texts = command;
																	}
																}
															})
														</script>-->

												</div>
											</div>

										</div>
										<div
											style="position: absolute; visibility: hidden; left: 0; top: 0; width: 0; height: 0; z-index: 100; background-color: #D4D0C8;">
											<textarea name="ids" rows="2" cols="20"></textarea>
										</div>
										<div class="form-group">

											<!--搜索栏那一块-->
											<div class="box2"
												style="width: 300px; height: 40px; margin-top: 5px;">
												<el-input placeholder="请输入内容" v-model="ruleForm.selectinput">

												<el-button slot="prepend" icon="el-icon-search"
													@click="submitForm('ruleForm')"></el-button> <!-- <template
													slot="append"> 
													<el-select v-model="ruleForm.selectend" 
													clearable placeholder="请选择" style="width: 100px;">
														<el-option v-for="item in options" :key="item.value"
													   :label="item.label" :value="item.value">
													   </el-option>
													 </el-select>
												 </template>  --> </el-input>

											</div>

										</div>

										

									</form>

									<!--<script type="text/javascript">
											var vm = new Vue({
												el: ".box2",
												data: {
													options: [{
														value: '选项1',
														label: '黄金糕'
													}, {
														value: '选项2',
														label: '双皮奶'
													}, {
														value: '选项3',
														label: '蚵仔煎'
													}, {
														value: '选项4',
														label: '龙须面'
													}, {
														value: '选项5',
														label: '北京烤鸭'
													}],
													value4: ''
												},
												methods: {
													handleCommand(command) {
														this.$message('click on item ' + command);
														this.texts = command;
													},
													handleCommand2(command) {
														this.$message('click on item ' + command);
														this.texts2 = command;
													}
												}
											})
										</script>-->
									<!--UTF8-->
								</div>
								<!----------------列表-------------------->
								<div id="qlist" style="z-index: 0">
									<div id="editqlist"
										style="position: absolute; display: none; &amp; amp; amp; amp; amp; #9; left: 0; &amp; amp; amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; amp; amp; #9; height: 0; z-index: 100; background-color: #D4D0C8;">
										<iframe name="editsubqlist" width="1" height="1" src="/a.html"
											frameborder="0" scrolling="no"></iframe>
									</div>
									<form name="formedit_qlist" action="/system/alldel.xt"
										method="POST" target="editsubqlist" novalidate="">
										<input name="mdb" type="hidden"
											value="800c327aefb3f9241513cbf551abbfda"><input
											name="db" type="hidden" value="contract"><input
											name="cn" type="hidden" value="qlist">
										<div class="row m-t-15 f-s-12" style="height: 35px;">
											<div class="col-sm-6">
												<span set-lan="html:合同/订单">合同/订单</span><small
													class="text-muted font-13" v-model="ruleForm.totalCount">共{{ruleForm.totalCount}}条</small>

											</div>
											<div class="col-sm-6 text-right" id="boxcreate">

												<!--<button class="btn btn-white waves-effect waves-light" onclick='qlist_click_insgr(0,"e45be0");return false;'><i class="fa fa-plus-circle m-r-5"></i>、</button>&nbsp;-->

												<el-button class="btn btn-white waves-effect waves-light"
													type="text" @click="centerDialogVisible = true">
												<i class="fa fa-plus-circle m-r-5"></i>新建订单</el-button>

												<!--中间表单弹出层-->
												<el-dialog title="新建订单" :visible.sync="centerDialogVisible"
													width="900px" center> <iframe src="/orderForm"
													width="850" style="height: 1100px; text-align: center;"
													frameborder="0" scrolling="no"></iframe> </el-dialog>


											
											</div>

											<!--<script type="text/javascript">
													var vm = new Vue({
														el: "#boxcreate",
														data: {
															texts: "",
														}
													})
												</script>-->
										</div>

										<!--新建订单按钮-->

										<div class="tab-content p-0">
											<div class="bootstrap-table m-t-10">
												<div class="fixed-table-container overflow-x-auto">
													<table class="table table-bordered table-hover table-z"
														id="qlist_table">
														<thead>
															<tr>
																
																<th class="th-inner">
																	<p>
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='id'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:ID">ID</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p align="left">
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='subject'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:主题">主题</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p align="left">
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='cu_id'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:对应客户">对应客户</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p align="right">
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='sum'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:总金额">总金额</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p align="right">
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='back_sum'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:回款金额">回款金额</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p align="right">
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='bill_money'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:开发票金额">开发票金额</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p set-lan="html:发货">发货</p>
																</th>
																<th class="th-inner">
																	<p>
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='status'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:状态">状态</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p>
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='who'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:所有者">所有者</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p>
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='begin_date'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:开始时间">开始时间</a>
																	</p>
																</th>
																<th class="th-inner"></th>
																<th class="th-inner">&nbsp;
																</th>
															</tr>
														</thead>
														<tbody class="bg-white">

															<tr v-for="(colle,i) in tableData">
															
																<td>
																	<p><!-- {{colle.o_id }} -->{{i+1}}</p>
																</td>
																<td>
																	<p align="left">
																		<a id="qlist_F167" :href="getOrderHref(colle.o_id)"><i
																			class="fa fa-arrow-circle-right text-blue m-r-5"></i>{{colle.otitle
																			}}</a>
																	</p>
																</td>
																<td>
																	<p align="left">
																		<span style="font-weight: normal; color: #9e9e9e">〖</span>
																		{{colle.cus_name }} <a
																			:href="'/cusview?id='+colle.cus_id"><i
																			class="fa fa-folder-open m-l-5"
																			data-original-title="打开详细页面" data-toggle="tooltip"
																			data-placement="bottom"></i></a><span
																			style="font-weight: normal; color: #9e9e9e">〗</span>
																	</p>
																</td>
																<td>
																	<p align="right">
																		<span style="white-space: nowrap"><span
																			style="font-size: 9pt; font-weight: normal;">￥</span>
																			{{colle.o_summoney }} </span>
																	</p>
																</td>
																<td>
																	<p align="right">
																		<span style="white-space: nowrap"><span
																			style="font-size: 9pt; font-weight: normal;">￥</span>
																			{{colle.huikuan }}</span>
																	</p>
																</td>

																<td>
																	<p align="right">
																		<span style="white-space: nowrap"><span
																			style="font-size: 9pt; font-weight: normal;">￥</span>{{colle.yeshuikuan
																			}}</span>
																	</p>
																</td>
																<td>
																	<p><!-- {{colle.ds_id }} -->
																	    <!-- 已完成的 -->
																	<p v-if="colle.ds_id!=null&&colle.ds_state==3018">
																		全部
																	</p>
																	
																	<!-- 未完成的 -->
																	<p v-else-if="colle.ds_id!=null&&colle.ds_state==3017">
																		部分
																	</p>
																	<p v-else-if="colle.ds_id==null">
																		未发货
																	</p>
																	</p>
																</td>
																<td>
																
																   <!-- 已完成的 -->
																	<p v-if="colle.o_state==3018">
																		<i title="" class="f-s-16 fa fa-check text-custom"
																			data-original-title="" data-toggle="tooltip"
																			data-placement="bottom" data-title="结束"></i>
																	</p>
																	
																	<!-- 未完成的 -->
																	<p v-else-if="colle.o_state==3017">
																		<i data-toggle="tooltip" data-placement="bottom"
																			data-title="执行中"
																			class="f-s-16 fa fa-arrow-right text-primary"
																			data-original-title="" title=""></i>
																	</p>
																</td>
																<td>
																	<p>{{colle.use_name}}</p>
																</td>
																<td>
																	<p>{{colle.o_date}}</p>
																</td>

																<td width="1%" nowrap="">

																	<div class="box3" >

																		<i  v-if="colle.o_state!=3018" class="el-icon-edit"
																			@click.prevent="updatebyid(colle.o_id)"
																			style="cursor: pointer;"></i>&nbsp;



																		<!-- 	<a
																			href='JavaScript:qlist_click_edit(167,"0d2b71");'
																			data-original-title="编辑" data-toggle="tooltip"
																			data-placement="bottom"><i
																			class="fa fa-pencil m-r-5"></i></a>&nbsp; -->


																		<i class="el-icon-delete"
																			@click.stop="delet(colle.o_id)"
																			style="cursor: pointer;"></i>

																		<!-- <el-dialog title="提示" :visible.sync="dialogVisible"
																			width="30%" :before-close="handleClose"> -->

																		<el-dialog title="提示" :visible.sync="dialogVisible"
																			width="30%"> <span>您确认要删除此记录吗？</span> <span
																			slot="footer" class="dialog-footer"> <el-button
																				@click="dialogVisible = false">取 消</el-button> <el-button
																				type="primary" @click="update(deletids)">确
																			定</el-button>

																		</span> </el-dialog>

																	</div>

																</td>
																<td nowrap="">&nbsp;
																</td>
															</tr>


															<!-- <tr>
																<td>&nbsp;</td>
																<td nowrap=""><font color="#8c8c8c">∑本页</font></td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">
																	<p align="right">
																		<font color="#8c8c8c"><span
																			style="white-space: nowrap"><span
																				style="font-size: 9pt; font-weight: normal;">￥</span>70,032.10</span>
																		</font>
																	</p>
																</td>
																<td nowrap="">
																	<p align="right">
																		<font color="#8c8c8c"><span
																			style="white-space: nowrap"><span
																				style="font-size: 9pt; font-weight: normal;">￥</span>25,000.00</span>
																		</font>
																	</p>
																</td>
																<td nowrap="">
																	<p align="right">
																		<font color="#8c8c8c"><span
																			style="white-space: nowrap"><span
																				style="font-size: 9pt; font-weight: normal;">￥</span>10,000.00</span>
																		</font>
																	</p>
																</td>
																<td nowrap="">
																	<p align="right">
																		<font color="#8c8c8c"><span
																			style="white-space: nowrap"><span
																				style="font-size: 9pt; font-weight: normal;">￥</span>0.00</span>
																		</font>
																	</p>
																</td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">&nbsp;</td>
																<td></td>
															</tr>
															 -->
															<tr>
																<td>&nbsp;</td>
																<td nowrap=""><font color="#41a5ff">∑本页</font></td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">
																	<p align="right">
																		<font color="#41a5ff"><span
																			style="white-space: nowrap"><span
																				style="font-size: 9pt; font-weight: normal;">￥</span>{{allMoney}}</span>
																		</font>
																	</p>
																</td>
																<td nowrap="">
																	<p align="right">
																		<font color="#41a5ff"><span
																			style="white-space: nowrap"><span
																				style="font-size: 9pt; font-weight: normal;">￥</span>{{allhuikuan}}</span>
																		</font>
																	</p>
																</td>

																<td nowrap="">
																	<p align="right">
																		<font color="#41a5ff"><span
																			style="white-space: nowrap"><span
																				style="font-size: 9pt; font-weight: normal;">￥</span>{{allyeshuikuan}}</span>
																		</font>
																	</p>
																</td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">&nbsp;</td>
																<td nowrap="">&nbsp;</td>
																<td></td>
															</tr>
														</tbody>
													</table>
												</div>
											</div>
											<div class="row m-t-10">
												<div class="col-sm-3">
													<input name="sel_type" type="hidden" value="0">
													<button
														class="btn btn-white btn-custom waves-effect waves-light"
														onclick="if (confirm('确认删除选中数据及其视图下关联数据吗？')) { $('form[name=formedit_qlist]').find('input[name=sel_type]').val('0').end().submit();};return  false;"
														data-original-title="删除" data-toggle="tooltip"
														data-placement="bottom">
														<i class="fa fa-trash"></i>
													</button>
													&nbsp;
													<button title=""
														class="btn btn-white btn-custom waves-effect"
														onclick="vopen('/sys/plist/?dtname=contract&amp;where=&amp;bwhere=&amp;page=1&amp;orderf=&amp;orderv=&amp;pn=&amp;edittype=0&amp;mcr=a96dcdce6157efd7092261655ba12dc0','plist',700,550);"
														type="button" data-original-title="批量编辑"
														data-toggle="tooltip" data-placement="bottom">
														<i class="fa fa-pencil-square"></i>
													</button>
												</div>

												<!--分页-->
												<div class="col-sm-7 text-center box4">
													<div class="block">
														<el-pagination @size-change="handleSizeChange"
															@current-change="handleCurrentChange"
															:current-page="ruleForm.currentPage"
															:page-size="ruleForm.pagesize"
															layout="total, prev, pager, next, jumper"
															:total="ruleForm.totalCount"> </el-pagination>
													</div>
												</div>
												<!--分页-->
												<!-- <script type="text/javascript">
														var vm = new Vue({
															el: ".box4",
															data: {
																currentPage1: 5,
																currentPage2: 5,
																currentPage3: 5,
																currentPage4: 4
															},
															methods: {
																
															}
														})
													</script> -->

												
											</div>
										</div>

										<!--UTF8-->
									</form>
									<form name="outexcel" action="/sys/plist/listout.xt"
										method="POST" novalidate="">
										<input name="dt" type="hidden" value="contract"><input
											name="w" type="hidden" value="a5gATPnFGbmRGI"><input
											name="dcr" type="hidden" value="26650">
									</form>
									<form name="actname1" action="/sys/cupool/listout.xt"
										method="POST" novalidate="">
										<input name="dt" type="hidden" value="contract"><input
											name="w" type="hidden" value="a5gATPnFGbmRGI"><input
											name="dcr" type="hidden" value="26650"><input
											name="modparam" type="hidden" value="">
									</form>
								</div>
							

 <!--  {{itemsw}} --> <!--中间表单弹出层--> <el-dialog title="修改订单"
									:visible.sync="centerDialogVisible2" width="900px" center>

								<iframe :src="iframdilog" width="850"
									style="height: 1100px; text-align: center;" frameborder="0"
									scrolling="no"></iframe> </el-dialog> 
									
									</el-form>
							</div>
							<!--这里是总的div放所有内容的-->


							<!-- 这里是字典表的一些东西 -->
							<c:set var="salary" scope="application" value="${dictionaryitem}" />
							<%-- ${mansitem}  --%>
							<input type="hidden" value="${salary}" id="dictionarys" />
							<!-- 这里是字典表的一些东西 -->

							<script type="text/javascript">
							
							// var woshilist = new ArrayList();
							 var woshilist=document.getElementById('dictionarys').value;
							 //alert(woshilist);
							
						
							 
									var vm = new Vue({
										el: ".allBaBox",
										data: {
											allMoney:"",
											allhuikuan:"",
											allyeshuikuan:"",
											iframdilog:"",
											dialogVisible: false,
											itemsw:woshilist,
											select: "全部数据",
											options: [{
												value: '3001',
												label: '产品销售'
											}, {
												value: '3002',
												label: '服务'
											}, {
												value: '3003',
												label: '业务合作'
											}, {
												value: '3004',
												label: '代理分销'
											}],
											centerDialogVisible: false,
											centerDialogVisible2:false,
											//表格当前页数据
			               					tableData: [],
											ruleForm: {
											//下拉条件按钮
											selects: "全部数据",
												//搜索框
												selectinput: '',
												//下拉条件按钮
												selectend: '',
											    //默认每页数据量
				              				    pagesize:10,
				              				    //当前页码
				               				    currentPage: 1,
				               				    //默认数据总数
				              					totalCount: ''
						      				    },deletids:""
						      				   
										},
										methods: {
											updatebyid:function(c){
											// alert(c);
											 this.iframdilog="/orderForm2?id="+c;
											 this.centerDialogVisible2 = true;
										    },
											updates:function(c){
												alert(c);
												
												this.centerDialogVisible = true;
											},
											delet:function(c){
												//删除
												/* alert(c+"sadsad"); */
												this.deletids=c;
												this.dialogVisible = true;
											},
											update: function(i) {
												//删除
												//alert(i+"sssssss");
												//post提交数据
												axios.post("deleteOrderss",
													//参数转换
													Qs.stringify({'id':i}, {
														arrayFormat: 'brackets'
													})		
												).then(function(v) {
													window.location.href="/getOrdergx";
													
													 console.info(v.data); 
												}).catch(function(e) {
													alert("出错了"+e);
												});
											},
											handleClose(done) {
												var aad=this;
												this.$confirm('确认关闭？')
													.then(_ => {
														aad.sss="aaa";
														done();
													})
													.catch(_ => {
														aad.sss="bbb";
													});
											},
											handleCommand(command) {
												this.$message('click on item ' + command);
												this.ruleForm.selects = command;
											},
											//从服务器读取数据
							                loadData: function(pageNum, pageSize){  
							                	
							                	var iosnn=this;
							                	//post提交数据
												axios.post("/onSale/createOrderseQuery",
													//参数转换
													Qs.stringify(this.ruleForm, {
														arrayFormat: 'brackets'
													})		
												).then(function(v) {
													if (v.data.list!=null) {
														iosnn.tableData = v.data.list;
														iosnn.ruleForm.totalCount = v.data.total;
														var strs=0;
														var huikuan=0.0;
														var yeshuikuan=0.0;
														iosnn.tableData.forEach(v => {
															 strs +=v.o_summoney;
															 if (v.huikuan!=null) {
																 huikuan+=v.huikuan;
															}if (v.yeshuikuan!=null) {
																yeshuikuan+=v.yeshuikuan;
															}
															
															 
														})
														iosnn.allMoney=strs.toFixed(1);
														iosnn.allhuikuan=huikuan.toFixed(1);
														iosnn.allyeshuikuan=yeshuikuan.toFixed(1);
														console.info(v.data); 
													}
												}).catch(function(e) {
													alert("出错了"+e);
												});
							                },
							                handleSizeChange(val) {
												console.log('每页 ${val} 条');
												this.ruleForm.pagesize = val;
										        console.log( this.ruleForm.pagesize+'条');
										        //this.ruleFormloadData();
											},
											handleCurrentChange(val) {
												this.ruleForm.currentPage = val;
											    console.log(this.ruleForm.currentPage+'当前');
											    this.loadData();
											},
											submitForm(formName) {
												//验证方法
												this.$refs[formName].validate((valid) => {
													if(valid) {
														//alert("aa");
														this.loadData(this.currentPage, this.pagesize);
													} else {
														//alert("aa");
														console.log('error submit!!');
														return false;
													}
												});
											},getOrderHref(val){
												//alert(val);
												return 'shozhongordertwo2?oid='+val;
											}
										      
										},
										mounted() {
											var iosnn=this;
											//post提交数据
											axios.post("/onSale/createOrderse",
												//参数转换
												Qs.stringify(this.ruleForm, {
													arrayFormat: 'brackets'
												})		
											).then(function(v) {
												if (v.data.list!=null) {
													iosnn.tableData = v.data.list;
													iosnn.ruleForm.totalCount = v.data.total;
													var strs=0;
													var huikuan=0.0;
													var yeshuikuan=0.0;
													iosnn.tableData.forEach(v => {
														 strs +=v.o_summoney;
														 if (v.huikuan!=null) {
															 huikuan+=v.huikuan;
														}if (v.yeshuikuan!=null) {
															yeshuikuan+=v.yeshuikuan;
														}
														
														 
													})
													iosnn.allMoney=strs.toFixed(1);
													iosnn.allhuikuan=huikuan.toFixed(1);
													iosnn.allyeshuikuan=yeshuikuan.toFixed(1);
													console.info(v.data); 
												}
												

											}).catch(function(e) {
												alert("出错了"+e);
											});
											

										}
										
									})
								</script>

						</div>
					</div>
				</div>
				<!----------------统计--------------------> 
								
								<div  style="z-index:0;width: 90%;margin-top: 120px;text-align: center;margin: 0 auto;padding-top: 40px">
<!-- 这里是放图表的 放图表的 -->

				<div style="margin-top: 20px 0px 50px 50px;height: 420px;">
					<div id="container3"
						style="width: 50%; height: 400px; margin: 0 auto; float: right;"></div>
					<div id="container4"
						style="width: 50%; height: 400px; margin-top：50px; float: right;"></div>
				</div>

	<script type="text/javascript">
	
					
	var OrderState = ${OrderState};	
	//alert(OrderState[0].otitle);
	var state = [];
	for(var i = 0; i<OrderState.length;i++){
		state.push({name:OrderState[i].result,y:OrderState[i].count});		
	}
	//订单状态
	Highcharts.chart('container3', {
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
    },
    title: {
        text: '订单状态情况分布'
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                style: {
                    color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                }
            }
        }
    },
    series: [{
        name: '占比',
        colorByPoint: true,
        data: state
    }]
});
	
	
	
	//月度订单成交额与次数统计
	var money = ${OrderMoney};
	var orderdate=[];//横坐标
	var ordermoney =[];
	var ordercount = [];
	for(var i = 0; i<money.length;i++){
		ordercount.push(money[i].count);	
		orderdate.push(money[i].date);
		ordermoney.push(money[i].money/1000);
	}
	
	Highcharts.chart('container4', {
    chart: {
        type: 'bar'
    },
    title: {
        text: '订单成交量与金额分布'
    },
    subtitle: {
        text: ''
    },
    xAxis: {
        categories: orderdate,
        title: {
            text: null
        }
    },
    yAxis: {
        min: 0,
        title: {
            text: '月（k元/次）',
            align: 'high'
        },
        labels: {
            overflow: 'justify'
        }
    },
    tooltip: {
        valueSuffix: ''
    },
    plotOptions: {
        bar: {
            dataLabels: {
                enabled: true
            }
        }
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'top',
        x: -40,
        y: 80,
        floating: true,
        borderWidth: 1,
        backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
        shadow: true
    },
    credits: {
        enabled: false
    },
    series: [{
        name: '金额',
        data: ordermoney
    }, {
        name: '成交量',
        data: ordercount
    }]
});
	</script>




</div>
			</div>

		</div>
		
		
		<!-- ============================================================== -->
		<!-- 右侧主体内容结束 -->
		<!-- ============================================================== -->
	</div>

	

	</body>
<!--UTF8-->

</html>